<template>
    <div class="sh_selltitle">
        <div class="sh_selltitle_content" v-for="( item ,i ) of stitle" :key="i">
            <div><img :src="item.image" alt=""></div>
            <div>
                <span>{{ item.title }}</span>
            </div>
        </div>
    </div>
</template>

<script>

export default {
    props: {
        stitle: null
    },
    components: {
        
    }
};
</script>


<style lang="less" scoped>
.sh_selltitle {
    margin-top: 20px;
    width: 100%;
    height: 360px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    .sh_selltitle_content {
        width: 130px;
        height: 170px;
        display: flex;
        flex-flow: column;
        img {
            width: 130px;
            height: 130px;
        }
        div {
            text-align: center;
            span {
                font-size: 24px;/*px*/
                //color:#D2D8DB;
            }
        }
    }
}
</style>